// 找到图片
let image = $('#image');
// 配置框的宽高
option = {
        // 
        aspectRatio: 1,
        // 指定预览区域
        preview: '.img-preview'
    }
    // 生成初始的剪裁效果
image.cropper(option);

//点击按钮 选择图片
$('button:contains("上传")').on('click', function() {
        $('#file').trigger('click')
    })
    // 更换图片,重置剪裁区
$('#file').on('change', function() {
    // console.log(12)
    let files = this.files;
    if (files.length > 0) {
        let fileObj = this.files[0];
        let url = URL.createObjectURL(fileObj);
        // console.log(url);
        image.cropper('destroy').attr('src', url).cropper(option);
    }
});
// 点击确定，实现剪裁并修改头像
$('button:contains("确定")').on('click', function() {
    // 剪裁图片
    let canvas = image.cropper('getCroppedCanvas', { width: 30, height: 30 });
    let base64 = canvas.toDataURL('image/jpeg', 0.3);
    $.ajax({
        type: 'POST',
        url: '/my/user/avatar',
        data: { avatar: base64 },
        success: function(res) {
            layer.msg(res.message);
            if (res.status === 0) {
                // 重新渲染index页面
                window.parent.renderUser();
            }
        }
    });
})